<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="icon" href="https://www.only.cn/icon/favicon.ico">

    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/details.css">
    <script src="../jquery/jquery.min.js"></script>

    <script src="../lib/layer/layer.js"></script>
</head>
<body>
    <div class="header">
        <iframe src="head.html" frameborder="0"></iframe>
    </div>
    
    <!-- content -->
    <div class="content">
        <div class="left">
            <div class="img1"><img src="" alt=""></div>
            <div class="img2"><img src="" alt=""></div>
            <div class="img3"><img src="" alt=""></div>
            <div class="img4"><img src="" alt=""></div>
        </div>
        <div class="center">
            <!-- <img src="" alt=""> -->
            <div id="zoom" class="zoom">
                <img src="" alt="" />
                <div class="glass"></div>
                <div class="bigArea">
                  <img src="" alt="" />
                </div>
            </div>
        </div>
        <div class="right">
            <div class="spanname"></div>
            <div class="spanid"></div>
            <ul class="price">
                <li>
                    <span>价格</span>
                    <span>￥</span>
                    <span class="pricespan"></span>
                </li>
                <li>
                    <span>本店活动</span>
                    <span>满一件，包邮</span>
                </li>
                <li>
                    <span>促销</span>
                    <span>单品满折</span>
                    <span>2件8.8折</span>
                </li>
            </ul>

            <!-- 快递地址四级联动 -->
            <ul class="delivery">
                <span class="deliveryspan">配送：</span>
                    <select name="provinces" id="pro">
                        <option value="省份">省份</option>
                    </select>
                    <select name="citys" id="city">
                        <option value="城市">城市</option>
                    </select>
                    <select name="areas" id="area">
                        <option value="地区">地区</option>
                    </select>
                    <select name="town" id="town">
                        <option value="街道">街道</option>
                    </select> <br>
                    <!-- <p>其他信息</p> -->
            </ul>

            <ul class="sml">
                <span>尺码</span>
                <li class="ss">S</li>
                <li class="mm">M</li>
                <li class="ll">L</li>
            </ul>
            <div class="color">
                <span>颜色</span>
                <img src="" alt="">
            </div>
            <div class="countstock">
                <span class="spancount">数量</span>
                <div class="count">
                    <span class="numcount">1</span>
                    <div class="plussub">
                        <span class="plus">+</span>
                        <span class="sub">-</span>
                    </div>
                </div>
                <div class="stock">
                    <span>库存：</span>
                    <span class="stockcount"></span>
                    <span>件</span>
                </div>
            </div>
            <div class="btn">
                <div class="shoppingcar">
                    <button><i class="iconfont">&#x3475;</i>加入购物车</button>
                </div>
                <button class="shop">立即购买</button>
            </div>
        </div>
    </div>
    <div class="infomation">
        <div class="left">
            <ul>
                <li>商场同款新降折扣</li>
                <li>全部商品</li>
                <li>热销专区</li>
                <li>5折专区</li>
                <li>羽绒服</li>
                <li>牛仔裤</li>
                <li>针织衫</li>
                <li>外套</li>
                <li>连衣裙</li>
                <li>大衣</li>
            </ul>
            <ul>
                <li>活动专区</li>
                <li>全部商品</li>
                <li>圣诞限时秒杀</li>
            </ul>
            <ul>
                <li>活动专区</li>
                <li>全部商品</li>
                <li>圣诞限时秒杀</li>
            </ul>
            <ul>
                <li>活动专区</li>
                <li>全部商品</li>
                <li>圣诞限时秒杀</li>
            </ul>
            <ul>
                <li>活动专区</li>
                <li>全部商品</li>
                <li>圣诞限时秒杀</li>
            </ul>
        </div>
        <div class="center">
            <h2>商品详情</h2>
            <p></p>
            <span>尺码参照表：</span>
            <img src="../images/size.png" alt="">
            <p>以上数据根据平均身材得出，适用于大部分人群，仅供参考，买家可根据自己的身高与体重情况参考选择尺码，如有疑问，请咨询客服。</p>
            <p>温馨提示：模特所佩戴饰品、配件均为搭配使用,不做销售用途</p>
        </div>
        <div class="right"></div>
    </div>

    <div class="footer">
        <iframe src="footer.html" frameborder="0"></iframe>
    </div>
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/insertindex.php"></script>
    <script src="../js/details.js"></script>
</body>
</html>